<template>
  <div>
    <div class="flex flex-wrap border-top pb50 f14 gray">
        <div class="w50">XC.COM 总部公司</div>
        <div class="w50 f15 pb10">
          <p><span>+86 ------------------</span></p>
          <p class="mt5"><span>xc@163.con</span> </p>
          <!-- <p><span>深圳市福田区上梅林朝阳路1232号</span></p> -->
          <p class="mt5"><span>深圳市南山区西丽街道</span></p>
        </div>
    </div>
    <div class="border-top pb50 f14">
        <p class="mb5">电话：123456</p>
        <p>邮箱：123456@163.com</p>
    </div>
  </div>
</template>
<script>
import { onMounted, ref, computed, defineComponent } from 'vue'
import { useStore } from "vuex";

export default defineComponent({
  name: 'ABottom',
  setup(){
    const img = require('@/assets/images/slide/05.jpg')

    return {
      img,
    }
  }
})
</script>
<style lang="less" scoped>
.border-top{
  border-top: 6px solid #000;
  .padding-top(24px)
}
.w50{
  width: 50%;
  @media @max768{
    width: 100%;
  }
}
.pannel{
  width: 50%;
  &:nth-of-type(2n-1){
    padding-right: 20px;
  }
  @media @max768{
    width: 100%;
    &:nth-of-type(2n-1){
      padding-right: 0;
    }
  }
}
.pic{
  display: block;
  width: 100%;
}
.content p{
  .margin-bottom(30px);
  line-height: 1.5;
}
.gray{
  color: #aaa;
}
</style>